import React, { FunctionComponent } from 'react';

export const RefreshIcon: FunctionComponent = () => (
  <svg
    width="22"
    height="22"
    viewBox="0 0 22 22"
    fill="none"
    xmlns="https://www.w3.org/2000/svg"
  >
    <path
      d="M6.64265 5.95532C7.85236 4.90709 9.39998 4.33109 11.0007 4.33332C14.6827 4.33332 17.6673 7.31799 17.6673 11C17.6673 12.424 17.2207 13.744 16.4607 14.8267L14.334 11H16.334C16.3341 9.9544 16.0268 8.93186 15.4504 8.05949C14.874 7.18712 14.0539 6.50343 13.0921 6.0934C12.1303 5.68338 11.0691 5.56512 10.0406 5.75333C9.01212 5.94154 8.06162 6.42792 7.30732 7.15199L6.64265 5.95532ZM15.3587 16.0447C14.1489 17.0929 12.6013 17.6689 11.0007 17.6667C7.31865 17.6667 4.33398 14.682 4.33398 11C4.33398 9.57599 4.78065 8.25599 5.54065 7.17332L7.66732 11H5.66732C5.66723 12.0456 5.97449 13.0681 6.55088 13.9405C7.12726 14.8128 7.94736 15.4965 8.9092 15.9066C9.87103 16.3166 10.9322 16.4349 11.9607 16.2466C12.9892 16.0584 13.9397 15.5721 14.694 14.848L15.3587 16.0447Z"
      fill="black"
    />
  </svg>
);
